<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <input type="text" class="user"> <br>
    <input type="text" class="pwd"> <br>
    <button>登录</button>


    <script src="../js/cookie.js"></script>
    <script>

        // 拿到所有的数据   暂存于cookie  

        // 点击事件中
        //    获取用户名和密码
        //    找到满足条件的数据   ---  查找用户名
        //        找到了    已经被注册
        //        找不到    可以注册   ---  把数据存入cookie中


        const oUser = document.querySelector('.user');
        const oPwd = document.querySelector('.pwd');
        const oBtn = document.querySelector('button');


        // 
        oBtn.onclick = function () {
            const user = oUser.value;
            const pwd = oPwd.value;
            // 找用户名
            const res = getCookie('YYDS_' + user);
            if (res) {
                // 匹配密码
                if (res === pwd) {
                    // 
                    alert('登录成功');
                    // 把登录的账号存入   --- 记录当前是哪个账号在登录     LOGIN_USER 用来记录是谁在登录
                    setCookie('LOGIN_USER', user);
                    location.href = './04userList.html';
                } else {
                    alert('密码错误');
                }
            } else {
                alert('用户名不存在');
            }
        }

    </script>

</body>

</html>